var zphd40 = document.querySelector(".zphd40");
var zphd45 = document.querySelector(".zphd45");
for (var i = 0; i < zphd33Arr.length; i++) {
	var spans = document.createElement("span");
	spans.className = ".zphd40>span";
	spans.innerHTML = zphd33Arr[i].name;
	zphd40.appendChild(spans);
	var zphd43 = document.createElement("div");
	zphd43.className = "zphd43";
	zphd45.appendChild(zphd43);


	for (var j = 0; j < zphd33Arr[i].zphd33s.length; j++) {
		var zphd44 = document.createElement("div");
		zphd44.className = "zphd44";
		zphd43.appendChild(zphd44);
		var zphs3 = document.createElement("span");
		zphs3.className = "zphs3"
		zphs3.innerHTML =  zphd33Arr[i].zphd33s[j].zphs3s;
		zphd44.appendChild(zphs3);
		var zphs4 = document.createElement("span");
		zphs4.className = "zphs4";
		zphd44.appendChild(zphs4);
		var zphs5 = document.createElement("span");
		zphs5.className = "zphs5";
		zphs4.appendChild(zphs5);
		var zphs11 = document.createElement("span");
		zphs11.className = "zphs11"
		zphs11.innerHTML = zphd33Arr[i].zphd33s[j].zphs4s;
		zphs4.appendChild(zphs11);
		
		if (j == 0) {
			var zphi1 = document.createElement("img");
			zphi1.innerHTML = zphd33Arr[i].zphd33s[j].zphi1s;
			zphi1.className = zphi1;
			zphs5.appendChild(zphi1);
		}else {
			var zphi1 = document.createElement("img");
			zphi1.src = zphd33Arr[i].zphd33s[j].zphi1s;
			zphi1.className = "zphi1";
			zphs5.appendChild(zphi1);
		}
		

		var zphs6 = document.createElement("span");
		zphs6.className = "zphs6";
		zphd44.appendChild(zphs6);
		  
		if (j == 0) {
			var zphi2 = document.createElement("span");
			zphi2.innerHTML = zphd33Arr[i].zphd33s[j].zphi2s;
			zphs6.appendChild(zphi2);
		}else{
			var zphi2 = document.createElement("img");
			zphi2.src = zphd33Arr[i].zphd33s[j].zphi2s;
			zphs6.appendChild(zphi2);
		}
		var zphs7 = document.createElement("span");
		zphs7.className = "zphs7";
		zphs7.innerHTML = zphd33Arr[i].zphd33s[j].zphs7s;
		zphd44.appendChild(zphs7);
		var zphs8 = document.createElement("span");
		zphs8.className = "zphs8";
		zphs8.innerHTML = zphd33Arr[i].zphd33s[j].zphs8s;
		zphd44.appendChild(zphs8);
		var zphs9 = document.createElement("span");
		zphs9.className = "zphs9";
		zphs9.innerHTML = zphd33Arr[i].zphd33s[j].zphs9s;
		zphd44.appendChild(zphs9);
		var zphs10 = document.createElement("span");
		zphs10.className = "zphs10";
		zphs10.innerHTML = zphd33Arr[i].zphd33s[j].zphs10s;
		zphd44.appendChild(zphs10);
		var zphs11 = document.createElement("span");
		zphs11.className = "zphs11";
		zphd44.appendChild(zphs11);
		if (j == 0) {
			var zphi3 = document.createElement("span");
			zphi3.className = "zphi3";
			zphi3.innerHTML = zphd33Arr[i].zphd33s[j].zphi3s;
			zphs11.appendChild(zphi3);
		}else{
			var zphi3 = document.createElement("img");
			zphi3.src = zphd33Arr[i].zphd33s[j].zphi3s;
			zphs11.appendChild(zphi3);
		}
	}
}

var spanss = document.querySelectorAll(".zphd40>span");
var zphd43s = document.querySelectorAll(".zphd43");
zphd43s[0].className = "zphd43 zphd43s"; 

function shKe(ink) {
	for (var i = 0; i < spanss.length; i++) {
		spanss[i].style.borderColor = "#ccc";
		spanss[i].style.color = "#ccc";
	}
	spanss[ink].style.borderColor = "#ffa700";
	spanss[ink].style.color = "#ffa700";

	for (var i = 0; i < zphd43s.length; i++) {
		zphd43s[i].className = "zphd43";
	}
	zphd43s[ink].className = "zphd43 zphd43s";
}
shKe(0);
 for (var i = 0; i < spanss.length; i++) {
 	spanss[i].onclick = function (xh) {
 		return function(){
 			shKe(xh);
 		}
 	}(i);
 }
var zphd51 = document.querySelector(".zphd51");
for (var i = 0; i < zphd51s.length; i++) {
	var zphd52 = document.createElement("div");
	zphd52.className = "zphd52";
	zphd51.appendChild(zphd52);
	var s1 = document.createElement("span");
	s1.className = "zphd52>span";
	s1.innerHTML = zphd51s[i].s1s;
	zphd52.appendChild(s1);
	var s2 = document.createElement("span");
	s2.className = "zphd52>span";
	s2.innerHTML = zphd51s[i].s2s;
	zphd52.appendChild(s2);
	var s3 = document.createElement("span");
	s3.className = "zphd52>span";
	s3.innerHTML = zphd51s[i].s3s;
	zphd52.appendChild(s3);
	var s4 = document.createElement("span");
	s4.className = "zphd52>span";
	zphd52.appendChild(s4);
	var i1 = document.createElement("img");
	i1.src = zphd51s[i].i1s;
	s4.appendChild(i1);
	var s5 = document.createElement("span");
	s5.className = "zphd52>span";
	zphd52.appendChild(s5);
	var i2 = document.createElement("img");
	i2.src = zphd51s[i].i2s;
	s5.appendChild(i2);
	var s6 = document.createElement("span");
	s6.className = "zphd52>span";
	s6.innerHTML = zphd51s[i].s4s;
	zphd52.appendChild(s6);

}









































































